<template>
  <div>
    角色管理，开发中。。。
  </div>
  <!-- <div>
    <el-radio v-model="radioValue" label="A" >
      <span class="custom-radio"></span>
      <span class="custom-label" @click.stop.prevent>选项 A</span>
    </el-radio><br>
    <el-radio v-model="radioValue" label="B">
      <span class="custom-radio"></span>
      <span class="custom-label" @click.stop.prevent>选项 B</span>
    </el-radio>
  </div> -->
  <!-- 用于考试分数的艺术字体 -->
  <!-- <div>
  <vue-svg-text
      :text="examForm.total.toString()"
      :fontSize="30"
      :fontFamily="'Your-Artistic-Font-Family'"
      fill="red"
      x="90%" y="10%"
      style="position: fixed; transform: translate(-100%, 0);"
    />
  </div> -->
</template>

<script>
// import VueSvgText from "vue-svg-text";
// import { ref, onMounted } from '@vue/composition-api';
export default {
  // components: {
  //   VueSvgText,
  // },
  data() {
    return {
      radioValue: '',
    };
  }
}
</script>

<style>
/* .custom-radio {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #409eff;
  border-radius: 50%;
  position: relative;
  top: 4px; 
  margin-right: 8px; 
  background-color: #fff;
} */

.custom-label {
  cursor: pointer;
}

/* .el-radio__label {
  cursor: pointer;
} */
</style>